

<template>
<h1>属性绑定指令</h1>
  <input type="text" value="kk">
  <input type="text" value="info">
<!--  将input元素的value属性与 info变量绑定,当info变量发生变化，input元素也会发生变化-->
  <input type="text" v-bind:value="info">
  <input type="text" :value="info">
  <hr>
  <a href="url">超链接</a> <br>
  <a :href="url">超链接2</a>
</template>

<script setup>

import {ref} from "vue";
const info =ref('属性绑定')
const url =ref('https://www.baidu.com')
url.value = 'https://www.jd.com';//JS中使用响应式变量，必须 .value

</script>

<style scoped>

</style>